import React, { useState, useEffect } from "react";
import { useLocation,useNavigate } from "react-router-dom";
import { LeftOutline } from "antd-mobile-icons";
import { options, fieldNamesOptions } from './options'
import { Selector, Space } from 'antd-mobile'
import Tar from '../../hooks/index'
import "./style.css";
import { log } from "three/webgpu";

function Profiling() {
  let navigate = useNavigate();
  const location = useLocation();
  return (
    <div>
      <div className="inp">
        <LeftOutline
          onClick={() => {
            navigate("/wxq/cus");
          }}
          className="inp1"
          color="#E3E8EA"
          style={{ fontSize: 25 }}
        />
        <h2 style={{ fontSize: "2.2rem" }}>用户画像</h2>
      </div>
      <div className="pro">
        <h2>
            {location.state.e.ShoopG}
        </h2>
        <span>
            点击进入编辑
        </span>
      </div>
      <div className="pro1">
      <Selector options={options} defaultValue={[]} multiple onChange={(arr, extend) => console.log(arr, extend.items)}/>
      </div>
      <hr style={{marginTop:'2rem'}}></hr>
      <div className="pro">
        <h2>
            为你推荐
        </h2>
   
      </div>
      <div className="pro1">
      <Selector options={options} defaultValue={[]} multiple onChange={(arr, extend) => console.log(arr, extend.items)}/>
      </div>
      <hr style={{marginTop:'2rem'}}></hr>
      <div className="pro">
      <h2>
            自然特质
        </h2>
      </div>
      <div className="pro1">
      <Selector options={options} defaultValue={[]} multiple onChange={(arr, extend) => console.log(arr, extend.items)}/>
      </div>
      <hr style={{marginTop:'2rem'}}></hr>
      <div className="pro">
      <h2>
            社会特质
        </h2>
      </div>
      <div className="pro1">
      <Selector options={options} defaultValue={[]} multiple onChange={(arr, extend) => console.log(arr, extend.items)}/>
      </div>
      
      <hr style={{marginTop:'2rem'}}></hr>

    </div>
    
  );
}

export default Profiling;
